<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/detail.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../libs/font/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <header></header>
    <!-- 主体 -->
    <main>
        <div class="head-title">
            <div class="container">
                <a href="">首页</a><span class="iconfont icon-lunboyoufangun"></span>
                <span class="title">卡伦顿手机</span>
            </div>
        </div>
        <div class="wide">
            <div class="container">
                <!-- 左边放大镜 -->
                <div class="wrap">
                    <div class="smallBox">
                        <!-- <img src="../img/ph1.webp"> -->
                        <span></span>
                    </div>
                    <div class="bigBox">
                        <!-- <img src="../img/ph1.webp"> -->
                    </div>
                    <div class="bottom">
                        <span class="iconfont icon-lunbozuofangun"></span>
                        <img>
                        <img>
                        <img>
                        <img>
                        <img>
                        <!-- <img src="../img/ph1.webp">
                        <img src="../img/ph2.webp">
                        <img src="../img/ph3.webp">
                        <img src="../img/ph4.webp">
                        <img src="../img/ph5.webp"> -->
                        <span class="iconfont icon-lunboyoufangun"></span>
                    </div>
                </div>
                <!-- 右边数据 -->
                <div class="detail">
                    <!-- <div>
                        <p>卡伦敦手机</p>
                        <p>【现货速发 : 限量赠华为经典耳机+学生认证减50元】点击了解更多手机&gt;&gt;</p>
                        <p>价&emsp;&emsp;格<span class="current"><small>¥</small>666.00</span><span
                                class="previous">¥999.00</span></p>
                        <p>促&emsp;&emsp;销<span>分期免息</span>银联、花呗、掌上生活、工行分期支付可享免息（免息活动适用于单款免息商品订单，含...<br><br>
                            &emsp;&emsp;&emsp;&emsp;<span>赠送积分</span>购买即赠商城积分，积分可抵现~
                        </p>
                        <p>选择颜色 <span>曜金黑</span><span>普罗旺斯</span><span>环境森林</span><span>10号色</span></p>
                        <p>选择版本 <span>256GB</span><span>128GB</span></p>
                        <p>选择套餐 <span>单品</span><span>运动健康套餐</span></p>
                        <p>销售类型 <span>全款购买</span></p>
                        <p>保障服务
                            <select name="" id="">
                                <option>屏碎服务宝一年 ¥299</option>
                                <option>屏碎(含后盖)服务宝一年 ¥399</option>
                            </select>
                            <select name="" id="">
                                <option>延长服务宝一年 ¥198</option>
                            </select>
                        </p>
                        <p>已选择商品:&nbsp;&nbsp;<span class="option">曜金黑/256GB</span></p>
                    </div>
                    <table>
                        <tr>
                            <td>数&emsp;&emsp;量</td>
                            <td class="sub">-</td>
                            <td><input type="text" value="1"></td>
                            <td class="add">+</td>
                        </tr>
                    </table>
                    <button class="addTo">加入购物车</button><button class="buy">立即下单</button> --> 
                </div>
            </div>
        </div>
    </main>
    <!-- 尾部 -->
    <footer></footer>
    <script src="../libs/require.js" data-main="../js/detail_main"></script>
</body>

</html>